html,body {
  width:100%;
  height:100%;
  
}

.header-box {
  height:90px;
  line-height: 90px;
  background:#3051bc url(../imgs/header-bg.png) 0 center no-repeat;
  position: fixed;
  top:0;
  width:100%;
  z-index:10;
}
.logo-box {
  width:200px;
  height:90px;
  float:left;
}
.logo-box img {
  margin-top:16px;
}
.logo-title {
  color:#fff;
  font-size:20px;
  margin-left:10px;
  float:left;
  margin-left:-70px;
}
.header-right-box {
  margin-left:200px;
}
.header-right-box .user {
  background: url(../imgs/user-icon.png) 0 center no-repeat;
}
.header-right-box .pwd {
  background: url(../imgs/pwd-icon.png) 0 center no-repeat;
}
.header-right-box .logout {
  background: url(../imgs/logout-icon.png) 0 center no-repeat;
}
.main-box {
  height:100%;
  padding-top:90px;
}
.left-nav {
  width:200px;
  height:100%;
  float:left;
  padding:20px 10px;
  background-color:#fff;
}
.right-main {
  height:100%;
  margin-left:200px;
  padding:10px;
  background-color: #f4f5f9;
}
.header-right-box {
  float:right;
}
.header-right-box ul li {
  padding-left:30px;
  color:#fff;
  float:left;
  margin-right:30px;
}

.left-nav ul li a {
  display: block;
  line-height:40px;
  position: relative;
  color:#6c7594;
  border-radius: 4px;
}
.left-nav ul li a .icon {
  width:30px;
  height:20px;
  display: inline-block;
  vertical-align: middle;
}
.left-nav ul li a span {
  display: inline-block;
  vertical-align: middle;
}
.left-nav ul li a .arrow {
  float:right;
  width:30px;
  height:20px;
  margin-top:10px;
  background: url(../imgs/arrow-right-icon.png) center no-repeat;
}
.left-nav ul li a.active .arrow {
  float:right;
  width:30px;
  height:20px;
  margin-top:10px;
  background: url(../imgs/arrow-right-icon.png) center no-repeat;
}
.left-nav ul li.open >  a .arrow {
  background: url(../imgs/arrow-bottom-icon.png) center no-repeat;
}

.left-nav ul li a.has-msg:before {
  content:'';
  width:6px;
  height:6px;
  border-radius: 50%;
  background-color:#FFE534;
  position: absolute;
  left:16px;
  top:16px;
}
.left-nav > ul >li >a {
  font-weight: bold;
}
.left-nav .second-menu li a {
  position: relative;
}

.left-nav li > a.active {
  background-color:#3456c2;
  color:#fff;

}
.left-nav .second-menu {
  display: none;
}
.left-nav li.active .second-menu {
  display: block;
}
.left-nav li a.home .icon {
  background: url(../imgs/home-icon.png) 10px center no-repeat;
}
.left-nav li a.home.active .icon {
  background: url(../imgs/home-icon--active.png) 10px center no-repeat;
}

.left-nav li a.wdgz .icon {
  background: url(../imgs/wdgz-icon.png) 10px center no-repeat;
}
.left-nav li a.wdgz.active .icon {
  background: url(../imgs/wdgz-icon--active.png) 10px center no-repeat;
}
.left-nav li a.xfgl .icon {
  background: url(../imgs/xfxt-icon.png) 10px center no-repeat;
}
.left-nav li a.xfgl.active .icon {
  background: url(../imgs/xfgl-icon--active.png) 10px center no-repeat;
}
.left-nav li a.xsgl .icon {
  background: url(../imgs/xsgl-icon.png) 10px center no-repeat;
}
.left-nav li a.xsgl.active .icon {
  background: url(../imgs/xsgl-icon--active.png) 10px center no-repeat;
}
.left-nav li a.ajdy .icon {
  background: url(../imgs/ajdy-icon.png) 10px center no-repeat;
}
.left-nav li a.ajdy.active .icon {
  background: url(../imgs/ajdy-icon--active.png) 10px center no-repeat;
}
.left-nav li a.ajgl .icon {
  background: url(../imgs/ajgl-icon.png) 10px center no-repeat;
}
.left-nav li a.ajgl.active .icon {
  background: url(../imgs/ajgl-icon--active.png) 10px center no-repeat;
}
.left-nav li a.ajcl .icon {
  background: url(../imgs/ajcl-icon.png) 10px center no-repeat;
}
.left-nav li a.ajcl.active .icon {
  background: url(../imgs/ajcl-icon--active.png) 10px center no-repeat;
}
.left-nav li a.jzxt .icon {
  background: url(../imgs/jzxt-icon.png) 10px center no-repeat;
}
.left-nav li a.jzxt.active .icon {
  background: url(../imgs/jzxt-icon--active.png) 10px center no-repeat;
}
.left-nav li a.fzgj .icon {
  background: url(../imgs/fzgj-icon.png) 10px center no-repeat;
}
.left-nav li a.fzgj.active .icon {
  background: url(../imgs/fzgj-icon--active.png) 10px center no-repeat;
}
.left-nav li a.gwgd .icon {
  background: url(../imgs/gwgl-icon.png) 10px center no-repeat;
}
.left-nav li a.gwgd.active .icon {
  background: url(../imgs/gwgl-icon--active.png) 10px center no-repeat;
}
.left-nav li.open > ul {
  display: block;
}


